<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <script type="text/javascript" src="./script/base.js"></script>
    <script type="text/javascript" src="./script/api.js"></script>
    <script type="text/javascript" src="./script/doT.min.js"></script>
    <script type="text/javascript" src="./script/jquery.min.js"></script>
    <script type="text/javascript" src="./script/jquery-3.2.0.js"></script>
</head>

<body>
    <header class="aui-bar aui-bar-nav">
        <a class="aui-pull-left" onclick="closeWin()">
            <span class="aui-iconfont aui-icon-left"></span>
        </a>
        <div class="aui-title">银行卡</div>
        <a class="aui-pull-right" onclick="close_show()">
            更换银行卡
        </a>
    </header>
    <div class="aui-bar-nav-d"></div>
    <div id="list">
    </div>
    <!-- <ul class="bank-list">
        <li class="gs">
            <div class="bank-list-img">
                <i></i>
            </div>
            <dl>
                <dt>工商银行</dt>
                <dd>储蓄卡</dd>
                <p>**** **** **** 0000</p>
            </dl>
        </li>
        <li class="js">
            <div class="bank-list-img">
                <i></i>
            </div>
            <dl>
                <dt>建设银行</dt>
                <dd>储蓄卡</dd>
                <p>**** **** **** 0000</p>
            </dl>
        </li>
        <li class="ny">
            <div class="bank-list-img">
                <i></i>
            </div>
            <dl>
                <dt>农业银行</dt>
                <dd>储蓄卡</dd>
                <p>**** **** **** 0000</p>
            </dl>
        </li>
        <li class="jt">
            <div class="bank-list-img">
                <i></i>
            </div>
            <dl>
                <dt>交通银行</dt>
                <dd>储蓄卡</dd>
                <p>**** **** **** 0000</p>
            </dl>
        </li>
        <li class="yz">
            <div class="bank-list-img">
                <i></i>
            </div>
            <dl>
                <dt>邮政银行</dt>
                <dd>储蓄卡</dd>
                <p>**** **** **** 0000</p>
            </dl>
        </li>
        <li class="qt">
            <div class="bank-list-img">
                <i></i>
            </div>
            <dl>
                <dt>其他银行</dt>
                <dd>储蓄卡</dd>
                <p>**** **** **** 0000</p>
            </dl>
        </li>
    </ul> -->
    <style>
        body {
            background: #fff;
        }
    </style>
    <div class="bank-list-1">
        <img src="http://www.big-wealth.com/app/Tpl/new/images/yhkbj.jpg">
        <dl>
            <dt>鄂托克前旗农商行</dt>
            <dd id="bankId">0000********0000</dd>
            <!-- <span>更换银行卡</span> -->
        </dl>
    </div>

    <script type="text/template" id="bank_list">
        <div class="bank-list-1">
            <img src="http://www.big-wealth.com/app/Tpl/new/images/yhkbj.jpg">
            <dl>
                <dt>鄂托克前旗农商行</dt>
                <dd>6214********8999</dd>
                <!-- <span>更换银行卡</span> -->
            </dl>
        </div>
    </script>


    <div class="register-confirm-bg">
        <div class="register-confirm">
            <h3>提示</h3>
            <p>为了您的账户及资金安全，请登录金可 贷官网 <span>（ www.big-wealth.com）</span>进行 相关操作。
            </p>
            <a onclick="close_confirm()">知道了</a>
        </div>
    </div>

</body>
<script type="text/javascript">
    apiready = function() {
        // var bank = api.pageParam.bank;
        // alert(bank);
        load_list();
    }

    function load_list() {
        var userid = $api.getStorage('userid');
        api.ajax({
            url: webAddress + '/index.php?ctl=app_user_center2&act=bank_index',
            method: 'post',
            data: {
                values: {
                    user_id: userid,
                },
            }
        }, function(ret, err) {
            if (ret) {
                // alert(JSON.stringify(ret));
                $("#bankId").text(ret.cardid);
            } else {
                alert(JSON.stringify(err));
            }
        });

    }


    function close_confirm() {
        $(".register-confirm-bg").hide();
    }

    function close_show() {
        $(".register-confirm-bg").show();
    }

    function closeWin() {
        api.closeWin({});
    }
</script>

</html>
